<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${_title}</title>

    <!-- Bootstrap core CSS -->

    <link href="${_css}/bootstrap.min.css" rel="stylesheet">

    <link href="${_font}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${_css}/animate.min.css" rel="stylesheet">
	
    <!-- Custom styling plus plugins -->
    <link href="${_css}/custom.css" rel="stylesheet">
    <link href="${_css}/icheck/flat/green.css" rel="stylesheet">
    <link href="${_css}/datatables/tools/css/dataTables.tableTools.css" rel="stylesheet">
	<link rel="stylesheet" href="${_css}/base.css">
    <script src="${_js}/jquery.min.js"></script>
    <script src="${_js}/resize.js"></script>
	<script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
	<style>
		td a{
			cursor:pointer
		}
	</style>
</head>


<body style="background: #F7F7F7;">
<div class="">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_title">
					<h2>新闻列表</h2>
					<div class="clearfix"></div>
				</div>
                <div class="pull-right">
                	<button id="query" type="button" class="btn btn-info">查询</button>
                	<button id="send" type="button" class="btn btn-success" data-toggle="modal" data-target=".add-recharge">发布新闻</button>
                </div>
                <form class="form-horizontal form-label-left input_mask">
                    <div class="col-md-2 col-sm-1 col-xs-6 form-group has-feedback">
                        <select class="form-control" id="articleType">
                        	<option value="-1">--请选择文章类目--</option>
							<#if (articleTypes?exists & articleTypes?size>0)>
								<#list articleTypes as articleType>
									<option value="${articleType.type}" <#if type?exists & type==articleType.type> selected="selected"</#if>>${articleType.name}</option>
								</#list>
							</#if>
						</select>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-6 form-group has-feedback">
                        <input type="text" class="form-control has-feedback-left" id="title" value="<#if title?exists>${title}</#if>" 
                        placeholder="输入文章标题">
                        <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                    </div>
                 </form>
                <div class="clearfix"></div>
            </div>
            <div class="scroll">
                <div class="x_content">
                    <table id="example" data-action="/admin/article/list?1=1" class="table table-striped responsive-utilities jambo_table">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <input type="checkbox" class="tableflat">
                                </th>
                                <th>序号 </th>
                                <th>类目名称</th>
                                <th>标题</th>
                                <th>状态 </th>
                                <th>排序号</th>
                                <th>创建时间 </th>
                                <th>更新时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
			                <#if (pageInfo.pageList?size > 0)>
								<#list pageInfo.pageList as model>
									<tr class="even pointer">
		                                <td class="a-center ">
		                                    <input type="checkbox" class="tableflat">
		                                </td>
		                                <td>
		                                	${model_index+1}
		                                </td>
		                                <td>
		                                	<#if model.articleTypeName?exists>
			                                	${model.articleTypeName}
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if model.title?exists>
		                                		${model.title}
		                                	</#if>
		                                </td>
		                                <td>
		                                	<#if model.status?exists>
			                                	<#if model.status==0>
			                                		未发布
			                                	<#elseif model.status==1>
			                                		已发布
			                                	</#if>
			                                </#if>
		                                </td>			
		                                <td>
		                                	<#if model.articleOrder?exists>
		                                		${model.articleOrder}
		                                	</#if>
		                                </td>					
		                                <td>
		                                	<#if model.createTime?exists>
		                                		${(model.createTime?string("yyyy-MM-dd HH:mm:ss"))!}	
		                                	</#if>                                	
		                                </td>
		                                <td>
		                                	<#if model.updateTime?exists>
		                                		${(model.updateTime?string("yyyy-MM-dd HH:mm:ss"))!}	
		                                	</#if>                                   	
		                                </td>
		                                <td>
	                                		<a class="btn-check" data-id="${model.id}" href="/admin/article/settingArticle?id=${model.id}">发布</a>  
	                                		&nbsp;&nbsp;&nbsp;&nbsp;
	                                		<a class="btn-check" data-id="${model.id}" href="/admin/article/delArticle?id=${model.id}">删除</a>  
		                                </td>
		                             </tr>   
		                        </#list>
								<#else>
								<tr class="even pointer">
									<td colspan="11">无记录</td>
								</tr>
							</#if>
                        </tbody>
                    </table>
                    <#if (pageInfo.pageList?size > 0)>
	                	<#include "../base/Page.ftl">
	                </#if>
                </div>
            </div>
        </div>
        <br />
        <br />
        <br />
    </div>
</div>
                    
        <script src="${_js}/bootstrap.min.js"></script>
        
        <!-- bootstrap progress js -->
        <script src="${_js}/progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
        <script src="${_js}/nicescroll/jquery.nicescroll.min.js" type="text/javascript"></script>
        <!-- icheck -->
        <script src="${_js}/icheck/icheck.min.js" type="text/javascript"></script>

        <script src="${_js}/custom.js" type="text/javascript"></script>
        
	    <!-- PNotify -->
	    <script src="${_js}/notify/pnotify.core.js" type="text/javascript"></script>
	    <script src="${_js}/notify/pnotify.buttons.js" type="text/javascript"></script>
	    <script src="${_js}/notify/pnotify.nonblock.js" type="text/javascript" ></script>
	    
	    <script>
		    $(document).ready(function () {
		        $('input.tableflat').iCheck({
		            checkboxClass: 'icheckbox_flat-green',
		            radioClass: 'iradio_flat-green'
		        });
		    });
		</script>
	    <script>
	    	$(".btn-success").click(function(){
	    		window.location.href="/admin/article/settingArticle";
	    	});
	    	
	    	function initData(action) { 
	    		var title = $.trim($("#title").val());
		    	var articleType = $.trim($("#articleType").find("option:selected").val());
		    	if(title != ""){
		    		action += "&title="+title;
		    	}
		    	if(articleType != -1){
		    		action += "&articleType="+articleType;
		    	}
				window.location.href=action;
			} 
			
			$(".btn-info").click(function(){
				initData($("#example").attr('data-action'));
			});
			
	    </script>
</body>

</html>